<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>成功加入购物车</title>
<meta name="description" content="安装通（azt365.com）中国大型的b2b电子商务智慧化平台,整合了国内安装行业内采购商与供应商,打通上下游产业链,信息透明共享,通过云平台,大数据,为各大企业供应商提供产品信息、企业推广,为您提供全面的安装行业资讯金融服务以及线上支付.">
<meta name="keywords" content="安装通,azt365,江苏b2b电子商务,江苏建筑采供批发平台,江苏弱电批发,江苏消防报警系统,江苏智慧安装建筑安装,江苏安防监控系统,江苏通风设备安装,江苏通风工程安装,江苏通风工程施工,江苏消防工程材料批发,江苏消防工程材料">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<link href="/res/css/respective/xiangMuHui/xiangMuHui.css" rel="stylesheet">
<link href="/res/css/mall/mallIndex.css" rel="stylesheet">   
</head>
<body>
[#include "/front/common/front_headMal.html"]  
	<div class="w1200 sucCar" style="margin-bottom: 30px;">
		<div style="margin-top: 45px;">
			<div class="inlBlo" style="margin-right: 15px;">
				<p>
					<img alt="" src="${product.picPath!}" onclick="window.open('/offer/${product.productId!}.html')" style="cursor: pointer;">
				</p>
			</div> 
			<div class="inlBlo vtcTop">
				<h5 onclick="window.open('/offer/${product.productId!}.html')" style="cursor: pointer;">${product.productName!}</h5>
				<h6>${product.skuStr!}</h6>
			</div>
			<div class="sucGod">
				<img alt="" src="/res/images/oparaStatus/status_03.png"/>
				<span>商品已成功加入购物车 </span>
				<h4>小计： <strong>￥${product.realPrice?string('0.00')}</strong></h4>
				<div>
					<button type="button" onclick="location.href='/member'">继续选购</button>
					<button class="buy" type="button" onclick="location.href='/cart'">去购物车结算></button>
				</div>
			</div>
		</div>

		[#if list?? && list?size > 0]
		<div class="hotGod godLike">
			<span class="titl">相似商品</span>
			<em>
				[#list 1..count as i]
				<i [#if i_index == 0]class="on"[/#if]></i>
				[/#list]
			</em>
			<div>
         		<ul>
					[#list list as pro]
                        <li [#if pro_index == 0]style="margin-left: 0px;"[/#if]>
                            <a style="margin-top: 20px;"> 
                                <p onclick="window.open('/offer/${pro.id!}.html')">
                                    <img alt="" src="[#if pro.picPath??]${pro.picPath?split(';')[0]}[/#if]">
                                </p>
                            </a><h4><a href="/offer/${pro.id!}.html" target="_blank" class="likeName">${pro.name!}</a></h4>
                            <h3>¥${pro.minMemberPrice?string('0.00')!}</h3>
                        </li>
					[/#list]
         		</ul>
         		<span class="page pre" onclick="pre()" style="opacity: 0.2;"></span>
         		<span class="page next" onclick="next()"></span>
         	</div>
		</div>
		[/#if]
	</div>
[#include "/front/common/front_foot.html"] 

<script src="/res/js/common/jquery.ellipsis.js"></script>
<script>
	var sucCar='<div class="sucToCar">'
         				 		+'<img alt="" src="/res/images/oparaStatus/status_03.png">'
         				 		+'成功加入购物车'
         				 		+'</div>';
	var index=0;

	var sz=Math.ceil($(".hotGod>div ul").find("li").size()/5);
	$(function(){
		$(".w1200.sucCar .godLike button").each(function(){
			$(this).click(function(){
				$(this).parents("li").append(sucCar);
				setTimeout(function(){
					$(".sucToCar").remove();
				},3000)
			}) 
		});
		
		$(".w1200.sucCar .godLike>div ul li a.likeName").each(function(){
			$(this).ellipsis({maxWidth:180,maxLine:2});
		}); 
		
		//上一页、下一页按钮透明度处理
		$(".hotGod span.page").each(function(){
			$(this).hover(function() {
				$(this).stop(true,false).animate({"opacity":"0.5"},300);
			},function() {
				$(this).stop(true,false).animate({"opacity":"0.2"},300);
			});
		});
		 
		
		$(".hotGod.godLike>em i").each(function(){
			$(this).hover(function(){
				clearInterval(MyTime);
				$(".hotGod.godLike>em i").removeClass("on");
				$(this).addClass("on");
				index=$(".hotGod.godLike>em i").index(this);
				$(".godLike li:eq(0)").css("margin-left",-index*1200);
			},function(){
				MyTime=setInterval(function() { 
					index++;
					if (index == 3) {
						index = 0;
					}
					$(".hotGod.godLike>em i").removeClass("on");
					$(".godLike li:eq(0)").css("margin-left",-index*1200);
					$(".hotGod.godLike>em i:eq("+index+")").addClass("on");
				}, 3000);
			})
		});
	});
    /*上一个**/
    function pre(){
        var mgl=$(".godLike li:eq(0)").css("margin-left");
        if(mgl=="0px"){
            index=sz-1;
            $(".godLike li:eq(0)").css("margin-left",-index*1200);
        }else{
            index--;
            $(".godLike li:eq(0)").css("margin-left",-index*1200);
        }
		$(".hotGod.godLike>em i").removeClass("on");
		$(".hotGod.godLike>em i:eq("+index+")").addClass("on");
    }
    /*下一个**/
    function next(){
        var mgl=$(".godLike li:eq(0)").css("margin-left");
        if(mgl==-(sz-1)*1200+"px"){
            index=0;
            $(".godLike li:eq(0)").css("margin-left",0);
        }else{
            index++;
            $(".godLike li:eq(0)").css("margin-left",-index*1200);
        }
        $(".hotGod.godLike>em i").removeClass("on");
        $(".hotGod.godLike>em i:eq("+index+")").addClass("on");
    }
</script>
</body>
</html>